<!DOCTYPE html>
<html lang="zh">

<head>
    <style>
        .wrapper{
            margin-top: 125px;
            width: 500px;
        }
        .container{
            padding: 0;
        }
        .boxA ,.boxC{
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .boxC .boxz{
            border: 1px solid #000;
            width: 200px;
            height: 70px;
            font-size: 16px;
            padding: 10px;
        }
       
        .boxD{
            padding:0 5px;
        }
    
       .boxB1{
        width: 100px;
       }
       .boxB2{
        width: 80px;
       }
       img{
        width: 100%;
       }
    </style>
    <style type="text/css" media="print">
        .noprint {
            display: none;
        }
    </style>
</head>

<body class="white-bg">
    <div class="wrapper wrapper-content animated fadeInRight ibox-content container">
        <div class="boxA">
            <div class="boxB">
                <div class="boxC">
                    <div class="boxD">NO:007</div>
                    <div class="boxD">张先生</div>
                    <div class="boxD">电话：13333333333</div>
                </div>
                <div class="boxC">
                    <div>备注：</div>
                    <div class="boxz">
                        123213
                    </div>
                </div>
                <div class="boxC">
                    <div>订单编号：13333333333</div>
                </div>
            </div>
            <div class="boxB1">
                <img src="https://img2.baidu.com/it/u=2020520018,1139302565&fm=253&fmt=auto&app=120&f=JPEG?w=800&h=800" alt="">
            </div>
            <div class="boxB2">
                <img src="__CDN__/assets/img/log.png" alt="">
            </div>
        </div>
        <div  style="text-align: center;margin-top: 100px;">
            <button type="button" class="btn btn-w-m btn-success noprint" onclick="testPrint()">打印</button>
        </div>

    </div>
    <th:block th:include="include :: footer" />
    <script th:inline="javascript">
        function testPrint() {
            window.print();
        }
    </script>
</body>

</html>